<template>
  <div class="xtx-bread">
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item v-if="parentName" :to="parentPath">{{ parentName }}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="to" :to="to">promotion list</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
import { ArrowRight } from '@element-plus/icons-vue'
export default {
  name: 'XtxBread',
  components: {},
  props: {
    parentName: {
      type: String,
      default: ''
    },
    parentPath: {
      type: String,
      default: ''
    },
    to: {
      type: [String, Object],
      default: ''
    }
  },
  setup () {
    return {
      ArrowRight
    }
  },
  computed: {},
  watch: {}
}
</script>

<style scoped lang="less">
.xtx-bread {
  // display: flex;
  padding: 25px 10px;
}
</style>
